<template>
  <div style="margin-top: 20px">
    <div
      style="display: flex; float: left; height: 20px; width: 25%; background-color: coral"
    ></div>
    <span
      style="
        display: inline-block;
        margin-top: -15px;
        font-size: xx-large;
        font-weight: bold;
        color: orangered;
      "
      ><el-icon style="margin-top: 5px"><StarFilled /></el-icon>电影推荐<el-icon
        ><StarFilled /></el-icon
    ></span>
    <div
      style="display: flex; float: right; height: 20px; width: 40%; background-color: coral"
    ></div>
  </div>
</template>
<script setup>
import { StarFilled } from '@element-plus/icons-vue'
</script>
